Vue 'computed' Option

Vue 'কম্পিউটেড' বিকল্পটি শিখুন

Vue 'computed' Option

🎯 Example

সঠিক বোতাম টেক্সট প্রদর্শন করতে গণনা করা বিকল্পের ভিতরে একটি গণনাকৃত সম্পত্তি ব্যবহার করে।

export default {
  data() {
    return {
      msg: 'Hello World!',
      showMsg: false
    };
  },
  computed: {
    btnText() {
      if( this.showMsg ) {
        return 'Hide'
      }
      else {
        return 'Show'
      }
    }
  }
};

Definition and Usage

কম্পিউটেড অপশন হল একটি অবজেক্ট যাতে Vue ইনস্ট্যান্সে ঘোষিত সমস্ত কম্পিউটেড প্রপার্টি থাকে।

কম্পিউটেড প্রোপার্টি সাধারণত পঠনযোগ্য হয় (উপরের উদাহরণটি দেখুন), কিন্তু একটি গণনা করা সম্পত্তিকে একটি বস্তু হিসাবে সংজ্ঞায়িত করা যেতে পারে যার একটি গেট এবং একটি সেট ফাংশন উভয়ই রয়েছে, যার অর্থ গণনা করা সম্পত্তিও লেখা যেতে পারে।

⚠️দ্রষ্টব্য:

কম্পিউটেড প্রপার্টি ঘোষণা করার সময় অ্যারো ফাংশন এড়ানো উচিত, কারণ এই কীওয়ার্ড ব্যবহার করে এই ধরনের ফাংশনের মধ্যে থেকে Vue ইনস্ট্যান্স অ্যাক্সেস করা যায় না।

Vue Exercises

Vue 'কম্পিউটেড' বিকল্প সম্পর্কে আপনার জ্ঞান পরীক্ষা করতে এই টিউটোরিয়ালটি চেষ্টা করুন।

Vue.js , ?

যখন তাদের নির্ভরতা পরিবর্তিত হয় এবং ফলাফল ক্যাশে করে তখনই তাদের পুনরায় গণনা করা হয়
✓ ঠিক আছে! গণনা করা বৈশিষ্ট্যগুলি শুধুমাত্র তখনই পুনঃগণনা করা হয় যখন তাদের নির্ভরতা পরিবর্তিত হয় এবং তারা ফলাফল ক্যাশে করে। এটি জটিল গণনার জন্য আরও ভাল কর্মক্ষমতা প্রদান করে
এগুলি পদ্ধতির চেয়ে দ্রুত চলে, তাই আপনার সর্বদা সেগুলি ব্যবহার করা উচিত
✗ ভুল! গণনা করা বৈশিষ্ট্য সবসময় পদ্ধতির চেয়ে দ্রুত হয় না। এগুলি কর্মক্ষমতার জন্য ডিজাইন করা হয়েছে যেখানে নির্ভরতা ঘন ঘন পরিবর্তন হয় না। ইভেন্ট পরিচালনার জন্য পদ্ধতিগুলি আরও উপযুক্ত
তারা ডেটা ম্যানিপুলেট করতে পারে, তাই তারা পদ্ধতির চেয়ে বেশি শক্তিশালী
✗ ভুল! গণনা করা বৈশিষ্ট্যগুলি সাধারণত শুধুমাত্র পঠনযোগ্য এবং ডেটা পরিবর্তন করা উচিত নয়। এগুলি নড়াচড়ার প্রভাব ছাড়াই মান গণনা এবং ফেরত দেওয়ার জন্য ডিজাইন করা হয়েছে
তারা যুক্তি গ্রহণ করতে পারে না, এই কারণে তারা সরল
✗ ভুল! এটা সত্য যে কম্পিউটেড প্রোপার্টি আর্গুমেন্ট গ্রহণ করে না, কিন্তু এটি তাদের প্রধান সুবিধা নয়। তাদের প্রধান সুবিধা হল ক্যাশিং প্রক্রিয়া এবং স্বয়ংক্রিয় পুনঃগণনা